$(function () {
  //需求1:点击a链接,显示隐藏
  $('.loginBox a').on('click', function () {
    // 点击的登录框内部的a链接
    // 显示的注册区域,隐藏登录区域
    $('.regBox').show()
    $('.loginBox').hide()
  })
  $('.regBox a').on('click', function () {
    // 点击的登录框内部的a链接
    // 显示的注册区域,隐藏登录区域
    $('.loginBox').show()
    $('.regBox').hide()
  })

  // 需求 : 定义检验规则
  let form = layui.form
  form.verify({
    username: [/^[a-zA-Z0-9]{1,10}$/, '用户名必须1到10位数字和字母'],
    pwd: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'],
    // 确认密码规则
    rePwd: function (value) {
      let pwd = $('.regBox input[name=password]').val()
      if (pwd !== value) {
        return '两次密码输入不一致!'
      }
    }
  })

  // 需求 : 注册功能
  let layer = layui.layer
  $('#formReg').on('submit', function (e) {
    // 阻止表单默认提交
    e.preventDefault()
    // 发送axios
    axios({
      url: '/api/reguser',
      method: 'post',
      data: $(this).serialize()
    }).then(res => {
      // 不要传递对象类型,因为对象类型头信息设置的是applicetion/json
      // content-type:application/json;目前接口文档不支持
      // console.log(res.data)
      // 判断返回数据是否正确
      if (res.data.status !== 0) {
        return layer.msg(res.data.message)
      }
      //成功后提示
      layer.msg('恭喜您 ,注册用户成功!')
      //切换到登陆模块
      $('.regBox a').click()
      //清空表单 DOM元素中,有一个reset()可以重置表单
      $('#formReg')[0].reset()
    })
  })

  // 登陆功能
  $('#formLogin').on('submit',function(e) {
      // 阻止表单默认提交
      e.preventDefault()
      // axios发送ajax
      axios({
        method : 'post',
        url :'/api/login',
        // 后端只接受 a=1&b=2&c=3 
        data:$(this).serialize()
      }).then(({data:res}) =>{
        if (res.status !=0) {
            return layer.msg(res.message)
        }
        // 提示
        layer.msg('登陆成功')
        // 跳转到大事件首页
        location.href = '/index.html'
        // 成功存储token
        localStorage.setItem('token',res.token)
      })
  })

})
